// 获取ul
var listUl = document.querySelector(".wwh-list-nav-content ul")
// 跳转页面
function list() {
  ajax({
    // 请求方式
    method: "get",
    // 请求地址
    url: `https://www.jsteels.com:9088/jz/portal/rank/list`,
    // 异步同步
    async: true,
    // 转嘀的参数
    data: {},
    // 请求头
    contentType: "",
    // 成功的回调函数
    success: function (res) {
      var obj = JSON.parse(res)
      console.log(obj);

      // 遍历
      for (var i = 0; i < obj.rows.length; i++) {
        listUl.innerHTML += `
            <li onclick="listNav(${obj.rows[i].id})">
              ${i + 1} ${obj.rows[i].title}
            </li>
          `
      }
    },
    // 失败的回调函数
    error: function (err) {
      console.log(err);
    }
  })
}
list()
function listNav(id) {
  location.href = `./details.html?id=${id}&from=咨询动态`
}

// 中心内容
// function con() {
//   ajax({
//     // 请求方式
//     method: "get",
//     // 请求地址
//     url: `https://www.jsteels.com:9088/jz/portal/dynamic/list/1/5`,
//     // 异步同步
//     async: true,
//     // 转嘀的参数
//     data: {},
//     // 请求头
//     contentType: "",
//     // 成功的回调函数
//     success: function (res) {
//       var obj = JSON.parse(res)
//       console.log(obj);
//       // 获取大盒子
//       var conDiv = document.querySelector(".wwh-new-content-left-top")
//       // 遍历
//       for (var i = 0; i < obj.list.length; i++) {
//         conDiv.innerHTML += `
//           <div class="wwh-new-content-nav clearfix">
//             <div>
//               <img src="https://www.jsteels.com${obj.list[i].attachment.url}" alt="">
//             </div>
//             <div class="wwh-content-nav-main">
//               <h3>${obj.list[i].title}</h3>
//               <div>${obj.list[i].content}</div>
//               <span>${obj.list[i].createDate}</span>
//             </div>
//           </div>
//           `
//       }
//     },
//     // 失败的回调函数
//     error: function (err) {
//       console.log(err);
//     }
//   })
// }
// con()

/* 分页器 */
// 一共多少数据
var pages = null
// 默认显示第一页，五条数据
var pageNum = 1
var pageSize = 5

// a = pageNum =1
// b = pageSize =5
// c = 函数
function fn(a, b, c) {
  ajax({
    // 请求方式
    method: "get",
    // 请求地址
    url: `https://www.jsteels.com:9088/jz/portal/dynamic/list/${a}/${b}`,
    // 异步同步
    async: true,
    // 转嘀的参数
    data: {
    },
    // 请求头
    contentType: "",
    // 成功的回调函数
    success: function (res) {
      var obj = JSON.parse(res)
      // 页码数
      pages = obj.pages
      // 获取盒子
      var con = document.querySelector(".wwh-new-content-left-top")
      // 获取总条数
      var total = document.querySelector(".total")
      // total.innerHTML = `共${obj.total}条`
      // 每次渲染之前先清空之前的
      con.innerHTML = ""
      // 遍历
      for (var i = 0; i < obj.list.length; i++) {
        con.innerHTML += `
          <div class="wwh-new-content-nav clearfix" onclick="listNav(${obj.list[i].id})">
            <div>
              <img src="https://www.jsteels.com${obj.list[i].attachment.url}" alt="">
            </div>
            <div class="wwh-content-nav-main">
              <h3>${obj.list[i].title}</h3>
              <div>${obj.list[i].content}</div>
              <span>${obj.list[i].createDate}</span>
            </div>
          </div>
          `
      }
      // 如果我传递了函数那么就调用函数，并且把页码传进来
      if (c) {
        c(pages)
      }
      console.log(obj);
    },
    // 失败的回调函数
    error: function (err) {
      console.log(err);

    }
  })

}
fn(pageNum, pageSize, function (row) {
  pageAction(".box1 .pageIndex", ".box1 .left", ".box1 .right", row,
    function (res) {
      // res当前选中的第几页，pageSize就是五条数据
      fn(res, pageSize)
      console.log(res, "当前位置");
    })
})

// 右边图片
function navImg() {
  ajax({
    // 请求方式
    method: "get",
    // 请求地址
    url: `https://www.jsteels.com:9088/jz/portal/rank/listt`,
    // 异步同步
    async: true,
    // 转嘀的参数
    data: {},
    // 请求头
    contentType: "",
    // 成功的回调函数
    success: function (res) {
      var obj = JSON.parse(res)
      console.log(obj);
      // 获取盒子
      var divIC = document.querySelector(".wwh-new-content-right .wwh-details-list")
      for (var i = 0; i < 3; i++) {
        divIC.innerHTML += `
          <div onclick="listNav(${obj.rows[i].id})">
            <div>
                <img src="${obj.rows[i].imgPath}" alt="">
              </div>
              <p>${obj.rows[i].title}</p>
          </div>
        `
        console.log(i);
      }
    },
    // 失败的回调函数
    error: function (err) {
      console.log(err);

    }
  })
}
navImg()

